最精简的jquery表单验证插件coreValidator

来源:网络整理作者:wy 发布时间:2020-12-24 14:22

这个是很简单的一个jquery表单验证插件，实现了表单验证的基本需求，并提供了扩展接口，这个jquery表单验证插件的...

前些天写了个jquery表单验证插件，因为写的很小，满足了基本的表单验证的要求，起个名字就叫coreValidator，如果你要做特效，可以自己做扩充，本插件留有接口，本表单验证插件代码很精简，使用也很方便，现在分享给大家。插件下载: coreValidator-1.0.zip 插件文档: 1.使用方法: $('#form').fv(regularObj[,callback]); 2.参数解释: 参数一:regularObj是表单验证规则对象如 { 'name':{title:'姓名',min:1,max:4,def:'您的真实姓名'}, 'qq':{title:'qq号码',reg:/^[1-9]\d{4,12}$/,required:false}, 'sex':{title:'性别',required:1}, 'birthday':{title:'出生年份',def:'0',required:true}, 'xingqu':{title:'兴趣爱好',min:1,max:3}, 'jieshao':{title:'介绍',min:3,max:20} }

title——是表单名称,这一个元素是必写的

min——如果表单是input:text或textarea类型的它指的是表单中填入的最小字符数，如果是 input:checkbox 表示最少要选多少项

max——如果表单是input:text或textarea类型的它指的是表单中填入的最大字符数，如果是input:checkbox表示最多能选多少项

def——是指表单的默认值如果是input:text或者textarea则是表单默认的value里面的值，如果是select则是默认选中的那个option的value值

reg——对于像input:text或textarea可以设置reg，用正则验证表单值

required——设定此项是否为必填，true为必填或必选，false为非必填或必选

使用注意事项:

如果设置了reg及使用了正则且不为必填，则必须设置required为false

如果设置了min且min为0则表示为非必填项,如果大于0则表示为必填项,所以设置了min的时候required可以不填

select如果为必选，则必须填写def，def的值就是默认选择的那个option的value

对于input:radio的表单不需要设置min值，设置required就可以了

参数二:callback错误提示回调函数 function(obj, msg){} 回调函数接收两个参数，第一个obj是当前出错dom对象，第二个是错误提示信息可以这么用$("form").fv({},function{o,msg}{alert(msg)}); 这是一个很简单的jquery表单验证插件，多看看例子就明白了